.main-topbar {
	.main-topbar-wrapper {
		margin: 0 auto;
	}
	.logo {
		max-width: 200px;
	}
	.am-topbar-nav {
		& > li {
			margin-top: 9px;
			font-size: 1.4rem;
			padding: 0.5em 1em;
			a {
				padding: 0 0 4px 0;
				line-height: 1.2;
				&:after {
					border: none;
				}
				&:hover {
					background: none;
					border-bottom: 3px solid @color-dark-gray;
				}
			}
			&.active {
				a {
					color: @color-dark-gray;
					border-bottom: 3px solid @color-success;
				}
			}
		}
	}
	.action-post-activity {
		padding: 0.2rem 0.6rem;
		color: @color-white;
	}
}

// inline-search-form
.inline-search-form {
	position: relative;
	.search-field {
		padding-left: 1em;
		padding-right: 2.5em;
	}
	.search-button {
		position: absolute;
		right: 0;
		top: -0.3rem;
		background: none;
	}
}


.node-event.node-list {
	background-color: @color-white;
	list-style: none;
	margin: 1.5rem 0;
	position: relative;

	> div {
		display: table-cell;
		vertical-align: top;
	}

	.event-qrcode {
		width: 180px;
	}

	.event-meta {
		display: inline-table;
		width: 100%;
	}
	.event-meta > div {
		// height: 60px;
		padding: 8px 0;
		display: table-cell;
		vertical-align: middle;

		background-color: @color-success;
		color: @color-white;
		border-right: 1px solid @color-white;
	}

	&.closed {
		.event-meta > div {
			background-color: @color-light-gray;
			color: @color-gray;
		}
		
		div.event-status {
			background-color: @color-gray;
			color: @color-white;			
		}
	}

	.event-status-wrap {
		padding: 0.6rem;
		//.flex-center();
		// background-color: @color-gray;
		// color: @color-white;
	}
	div.event-status {
		width: 1.2em;
		padding: 0 8px;
		line-height: 1.2;
		white-space: normal;
	}
	.event-location {
		font-size: 32px;
		font-weight: bold;
		width: 120px;
		text-align: center;
		white-space: nowrap;
	}
	div.event-brief {
		text-align: left;
		line-height: 1.5;
		padding-left: 1rem;
	}
	.event-title {
		font-size: 20px;
		margin-bottom: 0;
		white-space: nowrap;
		overflow: hidden;

		a {
			color: #fff;
			&:hover { color: gold; }
		}
	}
	.event-date {
		// padding-left: 1rem;
	}
	
	.event-overview {
		padding: 1rem;
	}
}

.node-event.node-full {
	header {
		margin: 20px;
		text-align: center;
	}
}
